*{ list-style: none;font-family: "microsoft yahei"}
ul{ padding: 0;}

/*ie9以下判断*/

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999995;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    background: #333;
    background: rgba(1,1,1,0.9);

}
.mask {
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -275px;
    width: 550px;
    height:380px;
    z-index: 9999999;
}
.closeMask{ position: absolute; right:5px; top: 5px; border: none; background: none}
.md-content { position: relative; padding: 60px;
    width: 550px;
    height:380px;
    color: #5b5b5b;
    background: #fff;
    position: relative;
    border-radius: 0px;
    margin: 0 auto;
}
.mask-head{ text-align: center;}
.md-content h1{ text-align: center; color: #2996e9;}
.md-content h5{ text-align: center;}
.md-content ul{ margin-top: 30px;}
.md-content ul li{ float: left; margin-left: 10px;}
.md-content ul li a{ display: block; padding: 15px; width:130px; text-align: center; color: #2996e9;
    border:2px solid #2996e9}
.md-content ul li a:hover{ background: #2996e9; color: #fff;}


/*导航*/
.navtmp{position: fixed;top: 0px;left: 0px;width: 100%; background: #fff;height:70px; z-index: 1028;filter:alpha(opacity=95); /* IE */
    -moz-opacity:0.95;
    opacity: 0.95;
    -moz-box-shadow:0px 2px 8px #f2f2f2; -webkit-box-shadow:0px 2px 8px #f2f2f2; box-shadow:0px 2px 8px #f2f2f2;}
.fixednav{position: fixed;top: 0px;left: 0px;width: 100%;z-index:1029;}
.nav-d-margin{ height: 1px; overflow: hidden}

.qy-header{ padding: 10px 0;}
.qy-navbar-brand {padding: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
}
.qy-navbar-header{}
.qy-header ul li a{color: #333; font-size: 16px;}
.qy-header ul li a:hover{ background: none;  color: #2996e9;}
.qy-header ul li.active a:link{ background: none}
.navbar-toggle{ color:#333;}
.qy-collapse{ padding-left: 20px !important;}
.qy-carousel-caption{ top:15%;}
.qy-carousel-caption h1{ line-height: 200%; font-size: 50px;}
.qy-carousel-caption h4{ line-height: 200%;}

.qy-head-btn{ margin-top: 10px;}
.qy-head-btn a{padding: 4px 15px; border-radius: 20px;}
.qy-head-btn-a{  background: #2996e9; color: #fff;}
.qy-head-btn-a:hover{ background: #45c2f5; color: #fff;}
.qy-head-btn-b{border:1px solid #2996e9; color: #2996e9;}
.qy-head-btn-b:hover{ background: #45c2f5; color: #fff;}

@media (max-width: 991px){
    .qy-head-btn{ margin-top: 10px;}
    .qy-head-btn a{padding: 4px 15px; border-radius: 20px;}
    .qy-head-btn-a{  background: #2996e9; color: #fff;}
    .qy-head-btn-a:hover{ background: #45c2f5; color: #fff;}
    .qy-head-btn-b{border:1px solid #2996e9; color: #2996e9;}
    .qy-head-btn-b:hover{ background: #45c2f5; color: #fff;}
}
@media (max-width: 768px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {  margin-left: 15px; }
    .qy-collapse{ background: #45c2f5}
    .qy-collapse ul li a{color: #fff;}
    .qy-carousel-caption{ top:6%;}
    .qy-carousel-caption h1{ line-height: 100%; font-size: 20px; font-weight: normal}
    .qy-carousel-caption h4{ line-height: 100%; font-size: 12px; font-weight: normal}
}

.layout-top-nav .main-header .navbar {
    margin-left: 0;
}

.main-header { max-height: 100px;z-index: 1030;}
.main-header .navbar {
    -webkit-transition: margin-left 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
    margin-bottom: 0;
    margin-left: 230px;
    border: none;
    min-height: 50px;
    border-radius: 0;
}
.layout-top-nav .main-header .navbar {
    margin-left: 0;
}

.navbar-toggle {
    color: #fff;
    border: 0;
    margin: 0;
    padding: 15px 15px;
}
@media (max-width: 991px) {
    .navbar-custom-menu .navbar-nav > li {
        float: left;
    }
    .navbar-custom-menu .navbar-nav {
        margin: 0;
        float: left;
    }
    .navbar-custom-menu .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
    }
}
@media (max-width: 767px) {
    .main-header { height: 70px;
    }
    .main-header .logo,
    .main-header .navbar {
        width: 100%;
        float: none;
    }
    .main-header .navbar {
        margin: 0;
    }
    .main-header .navbar-custom-menu {
        float: right;
    }
}
@media (max-width: 991px) {
    .navbar-collapse.pull-left {
        float: none !important;
    }
    .navbar-collapse.pull-left + .navbar-custom-menu {
        display: block;
        position: absolute;
        top: 0;
        right: 65px;
    }
}

.main-header .navbar-custom-menu,
.main-header .navbar-right {
    float: right;
}

@media (max-width: 767px) {
    .main-header .navbar-right {
        float: none;
    }
    .navbar-collapse .main-header .navbar-right {
        margin: 7.5px -15px;
    }
    .main-header .navbar-right > li {
        color: inherit;
        border: 0;
    }
}
/*
 * Component: Carousel
 * -------------------
 */
.carousel-control.left,
.carousel-control.right {background-image: none;}
.carousel-control > .fa {  font-size: 40px; position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -20px;}
.fa-angle-left{ left: 48%;}
.navbar-toggle i{ color: #333;}

@media screen and (min-width: 1100px){
    .banner-text1{ top: 50%;  margin-top: -122px; left: 50%;  margin-left:-283px;width: 566px; height: 244px; background: url(/images/banner1-text-lg.png) no-repeat;}
}
@media (min-width:767px) and (max-width: 1100px){
    .banner-text1{ top: 50%;  margin-top: -70px; left: 50%;  margin-left:-150px;width: 300px; height: 129px; background: url(/images/banner1-text-md.png) no-repeat;}
}
@media screen and (max-width: 767px){
    .banner-text1{  top: 50%;  margin-top: -45px; left: 50%;  margin-left:-100px;width: 200px; height: 86px; background: url(/images/banner1-text-sm.png) no-repeat;}
}
@media screen and (min-width: 1100px){
    .banner-text2{ top: 50%;  margin-top: -80px; left: 55%; margin-right: 0px; width:380px; height: 151px; background: url(/images/banner2-text-lg.png) no-repeat;}
}
@media (min-width:767px) and (max-width: 1100px){
    .banner-text2{ top: 50%;  margin-top: -55px; left: 55%; margin-right:0px;width: 250px; height: 99px; background: url(/images/banner2-text-md.png) no-repeat;}
}
@media screen and (max-width: 767px){
    .banner-text2{  top: 50%;  margin-top: -35px; left: 55%;  margin-right:0px;width: 150px; height: 59px; background: url(/images/banner2-text-sm.png) no-repeat;}
}
@media screen and (max-width:640px){
    .banner-text2{  top: 50%;  margin-top: -25px; left: 55%;  margin-right:0px;width: 100px; height: 39px; background: url(/images/banner2-text-xs.png) no-repeat;}
}


/*多终端适配*/
.qy-index-wrapper1{ padding: 20px 0 100px 0;}
.qy-title{ padding: 20px 0;}
.qy-title-line-l{ padding: 40px 0; background: url(../images/qy-title-line-l.png) no-repeat center center;}
.qy-title-line-r{ padding: 40px 0; background: url(../images/qy-title-line-r.png) no-repeat center center;}
.qy-title{ text-align: center}

@media (max-width: 767px) {
    .qy-title{ padding:0;}
    .qy-title h1{ font-size: 30px; margin-top: 10px;}
    .qy-title-line-l{ padding:0;}
    .qy-title-line-r{ padding:0;}
}
.img-wrapper1{ position: relative; margin: 0 auto; width: 815px; height: 380px;}
.book{visibility:none; opacity:0; position: absolute;z-index: 1;width: 605px;height: 357px;right: -100px;  }

.img-animate .book-animate{right: 0;visibility: visible; opacity:1;
    -webkit-animation:book-fadeInRight 1s .2s ease both;
    -moz-animation:book-fadeInRight 1s .2s ease both;}
@-webkit-keyframes book-fadeInRight{
    0%{opacity:0;
        -webkit-transform:translateX(50px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-moz-keyframes book-fadeInRight{
    0%{opacity:0;
        -moz-transform:translateX(50px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}
.pad{ visibility:hidden; opacity:0; position: absolute;left: -80px; top:80px; width: 181px; height: 260px;
    }
.img-animate .pad-animate{left: 70px;visibility: visible; opacity:1;
    -webkit-animation:pad-fadeInLeft 1s .2s ease both;
    -moz-animation:pad-fadeInLeft 1s .2s ease both;
    -o-transition: pad-fadeInLeft 1s .2s ease both;
    -ms-transition: pad-fadeInLeft 1s .2s ease both;
    transition: pad-fadeInLeft 1s .2s ease both
}
@-webkit-keyframes pad-fadeInLeft{
    0%{opacity:0;
        -webkit-transform:translateX(-50px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-moz-keyframes pad-fadeInLeft{
    0%{opacity:0;
        -moz-transform:translateX(-50px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}

.phone{visibility: none; opacity:0; position: absolute; left: -40px; top:150px;z-index: 2;width: 100px; height: 203px;  }
.img-animate .phone-animate{left: 0;visibility: visible; opacity:1;
    -webkit-animation:phone-fadeInLeft 2s .2s ease both;
    -moz-animation:phone-fadeInLeft 2s .2s ease both;}
@-webkit-keyframes phone-fadeInLeft{
    0%{opacity:0;
        -webkit-transform:translateX(-50px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-moz-keyframes phone-fadeInLeft{
    0%{opacity:0;
        -moz-transform:translateX(-50px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}
@media (max-width: 768px){
    .img-wrapper1{ position: relative; margin: 0 auto; width: 500px; height: 233px; overflow: hidden;}
    .book{ position: absolute;z-index: 1;width: 373px;height: 217px;right: -100px;}
    .pad{ position: absolute;left: 0px; top:40px; width: 113px; height: 164px;}
    .phone{ position: absolute; left: -40px; top:80px;z-index: 2;width: 63px; height: 128px;}
    .img-animate .book-animate{right: 0;}
    .img-animate .pad-animate{left:30px;}
    .img-animate .phone-animate{left: 0;}
}
@media (max-width:640px){
    .img-wrapper1{ position: relative; margin: 0 auto; width:350px; height: 163px; overflow: hidden;}
    .book{ position: absolute;z-index: 1;width: 259px;height:153px;right: -100px;}
    .pad{ position: absolute;left: 0px; top:30px; width:80px; height:116px;}
    .phone{ position: absolute; left: -40px; top:60px;z-index: 2;width: 45px; height: 90px;}
    .img-animate .book-animate{right: 0;}
    .img-animate .pad-animate{left:30px;}
    .img-animate .phone-animate{left: 0;}
}
/*支付接口试用*/
.alipay-link{ background: #eff8fe;height: 140px; padding: 40px 0; text-align: center;}
.alipay-link-l{ text-align: right; font-size: 35px; color: #2996e9;}

.alipay-link-r{}
.alipay-link-a{ float: left; margin-left: 20px; margin-top: 5px; display: block;  width: 120px; height: 40px;
    line-height: 35px; text-align: center; color: #2996e9; border:2px solid #2996e9;border-radius:20px;}
.alipay-link-a:hover{ background:#2996e9; color: #fff; }
@media (max-width:767px){
    .a-center{ margin: 0 auto; width: 260px;}
    .alipay-link{height: 120px;padding: 10px 0;}
    .alipay-link-l{ text-align: center; font-size: 35px; color: #2996e9;}
    .alipay-link-a{ display:inherit; margin-left: 10px; }
    }
@media (max-width:640px){
    .a-center{ margin: 0 auto; width: 260px;}
    .alipay-link{height: 90px;}
    .alipay-link-l{ font-size: 25px;}
    .alipay-link-a{ display:inherit;margin-left: 10px;  width: 120px; height: 30px; line-height: 25px;}
    }
/*对比*/
.contrasr-wrapper{ padding: 60px 0; border-top:1px dashed #e2e2e2; background: #fff;}
.contrasr-wrapper img{ margin: 0 auto;}


/*场景*/
.qy-index-wrapper2{ padding-bottom: 100px; background: #fafafa}
.col-md-25{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.scene-body{ position: relative; height: 350px; }
.scene-up{ visibility: none; opacity:0;position: absolute;}
.scene-body-animate{visibility: visible; opacity:1;
    -webkit-animation:scene-fadeInUp 1s .2s ease both;
    -moz-animation:scene-fadeInUp 1s .2s ease both;}
@-webkit-keyframes scene-fadeInUp{
    0%{opacity:0;
        -webkit-transform:translateY(20px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes scene-fadeInUp{
    0%{opacity:0;
        -moz-transform:translateY(20px)}
    100%{opacity:1;
        -moz-transform:translateY(0)}
}
.scene-img{ margin: 0 auto; margin-top: 20px; padding: 30px; width: 150px; height:150px; background: #fff; text-align: center;
    -webkit-box-shadow:0 0 10px rgba(225, 225, 225, .5);
    -moz-box-shadow:0 0 10px rgba(225, 225, 225, .5);
    box-shadow:0 0 10px rgba(225, 225, 225, .5);}
.scene-img img{ display: block; margin: 0 auto; width: 80%;}
@media (min-width: 640px){
    .col-md-25 {
        width: 20%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (max-width: 991px){
    .scene-body{ position: relative; height: 280px; }
    .scene-img{ margin: 0 auto; margin-top: 20px; padding: 20px; width: 100px; height:100px; background: #fff; border:1px solid #e9e9e9; text-align: center;}
    .scene-img img{ display: block; margin: 0 auto; width:80%;}
}
@media (max-width: 640px){
    .scene-body{ position: relative; height: 350px; }
}
/*优势*/
.qy-index-wrapper3{ padding-bottom: 100px; background: #f9f9f9 url(/dist/images/qy-index-wrapper3.png) no-repeat right bottom}
.virtue-body{margin: 0 auto; padding-left: 10px; font-size: 12px; color: #777}
.title-virtue h4{ padding-left: 10px;}
.virtueboxinit{ padding:10px 10px 20px 30px; margin-top: 30px; height:125px;border-left: 50px solid #ececec; position: relative; background: #fff; border-right:1px solid #ececec;border-top:1px solid #ececec;border-bottom:1px solid #ececec }
.virtueboxinit i{ display: block; position: absolute; left: -30px; top: 30px; padding: 3px 0; width: 60px; height:60px; background: #8bd9fa; border-radius: 30px; color: #fff; font-style: normal; font-size:35px; text-align: center;}

@media screen and (max-width:1200px){
    .virtueboxinit{ height: 155px;}
}
@media screen and (max-width:992px){
    .virtueboxinit{ height: 195px;}
}
@media screen and (max-width:767px){
    .virtueboxinit{ height: 145px;}
}
@media screen and (max-width:640px){
    .virtueboxinit{ height:auto;margin-top: 10px;}
}


/*优势对比*/
.qy-index-wrapper4{ padding: 60px 0; border-top:1px dashed #e2e2e2}
.contrast-head h4{ color: #666}
.contrast-head p{ padding-bottom: 20px; color: #666}
.contrast-head-l{ text-align: right;}
.contrast-head-r{ text-align: left;}
.contrast-body{ position: relative}
.contrast-body-l .contrast-box{ right: 0; }
.contrast-body-r .contrast-box{ left: 0; }
.contrast-box{position:absolute;}
.contrast-box-in{ width: 90px; height: 120px; text-align: center;}
.contrast-box-in p{ line-height: 200%}
.contrast-icon{ margin: 0 auto; width: 90px; height: 90px; border-radius: 45px;  background: url(/images/contrast.png) no-repeat}
.contrast-l{ background-color: #f3f3f3}
.contrast-l-1{background-position: 0 0;}
.contrast-l-2{background-position: 0 -90px;}
.contrast-l-3{background-position: 0 -180px;}
.contrast-r-1{background-position: -90px 0;}
.contrast-r-2{background-position: -90px -90px;}
.contrast-r-3{background-position: -90px -180px;}
.contrast-chevron-down{ margin:0 auto; padding: 30px 0; text-align: center;}
.contrast-chevron-down i{ color: #ccc}

.contrast-center{}
.contrast-center h1{ text-align: center; font-size: 100px; color: #44c2f5;}
.contrast-center .contrast-line{ margin: 0 auto; width: 1px; height: 550px; overflow: hidden; border-left: 3px dashed #f3f3f3}

@media (max-width:767px){
    .contrast-body-l .contrast-box{ right:-20px; }
    .contrast-body-r .contrast-box{ left:-20px; }
    .contrast-head h1{ font-size: 25px;}
    .contrast-head h4{ color: #666; font-size: 14px;}
    .contrast-head p{ padding-bottom: 20px; color: #666; font-size: 12px;}
    .contrast-center h1{ text-align: center; font-size: 70px; color: #44c2f5;}
    .contrast-chevron-down{padding: 5px 0;}
}

/*footer*/
#footer, #footer a {
    color: #fff;
}

#footer {
    position: relative;
    z-index: 500;
    background: #272727;
    width: 100%;
}
.hw1_hr {
    border-color: #424141;
}
#footer .bottom, #footer .row>[class*=col-], .hw1_card_list .row>[class*=col-] {
    margin-top: 0;
}
#footer .bottom {
    font-size: 14px;
    margin: 10px 0;
}
#footer .bottom, #footer .top {
    display: table;
    width: 100%;
}
#footer .bottom, #footer .top {
    display: table;
    width: 100%;
}
#footer .bottom, #footer .row>[class*=col-], .hw1_card_list .row>[class*=col-] {
    margin-top: 0;
}
#footer .visible-xs, #footer .visible-xs .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}
#footer .visible-xs .left {
    padding-top: 0;
}
#footer .left {
    padding-top: 30px;
}
#footer .left {
    display: block;
    padding-top: 40px;
}
.left {
    text-align: left!important;
}
#footer .left_inner {
    display: table;
    width: 100%;
}
#footer.winwin-footer .left_inner label {
    font-size: 16px;
}
#footer .visible-xs .col-sm-3 label, #footer .visible-xs .col-sm-3 li {
    padding: 15px 20px!important;
    margin: 0;
    border-bottom: 1px solid #aaa;
}
#footer .left_inner label, h1, h2, h3, h4, h5, h6 {
    font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
    font-weight: 400;
}
#footer a, #footer label, .QR-code h4 {
    color: #ccc;
}
#footer label {
    display: block;
}

#footer .visible-xs .left_inner div ul {
    margin-top: 0;
}
#footer .left_inner div ul {
    margin-top: 5px;
}
#footer .left_inner div ul {
    margin-top: 14px;
}

#footer .visible-xs ul {
    display: none;
    background-color: #dcdcdc;
}

#footer .visible-xs .col-sm-3 li a {
    color: #333;
}
#footer a, #footer label, .QR-code h4 {
    color: #ccc;
}

#footer, #footer a {
    color: #fff;
}
a {
    text-decoration: none;
    color: #333;
}
#footer .bottom, #footer .row>[class*=col-], .hw1_card_list .row>[class*=col-] {
    margin-top: 0;
}
.footer-icon-top {
    margin-top: 30px;
}
#footer a, #footer label, .QR-code h4 {
    color: #ccc;
}
#footer label {
    display: block;
}

#footer .right {
    display: table;
    text-align: right;
    vertical-align: top;
    padding-top: 15px;
}


#footer .right ul li {
    display: inline-block;
    margin-right: 15px;
    line-height: 25px;
}


#footer .right ul li a {
    display: inline-block;
}


#footer .QR-code {
    margin-top: 10px;
}


img {
    vertical-align: middle;
}

.QR-code h4 {
    margin-bottom: 0;
    margin-top: 10px;
}
#footer a, #footer label, .QR-code h4 {
    color: #ccc;
}
#footer .bottom_left, #footer .bottom_right {
    padding-top: 0;
    color: #ccc;
}
#footer .bottom_right {
    display: inherit;
    overflow: hidden;
    text-align: right;
}
#footer .bottom_left, #footer .bottom_right {
    padding: 10px 0;
    display: table;
}
#footer .bottom_right ul li {
    display: inline-block;
    margin-right: 5px;
}
#footer .bottom_left, #footer .bottom_right {
    padding-top: 0;
    color: #ccc;
}
#footer .bottom_left, #footer .bottom_right {
    padding: 10px 0;
    display: table;
}
#footer .visible-xs .col-sm-3 label:after {
    display: block;
    content: "";
    background: url(/dist/images/hw1_sprite.png)  0px 2px no-repeat;
    position: absolute;
    top: 22px;
    right: 55px;
    width: 20px;
    height: 17px;
}
@media (max-width: 991px) {
    #footer .bottom_right, #footer .right {display: block;text-align: center;margin: 0 auto;}
    #footer .bottom_left, #footer .bottom_right {
        padding-top: 0;
        color: #ccc;
    }
    #footer .bottom_right {
        display: inherit;
        overflow: hidden;
        text-align: right;
    }
    #footer .bottom_left, #footer .bottom_right {
        padding: 10px 0;
        display: table;
    }
    #footer .bottom_right ul li:not(:last-child):after {
        content: "|";
        padding-left: 10px;
    }
}
@media only screen and (max-width: 767px){
        #footer.winwin-footer .left_inner.row {
            margin-left: 0;
            margin-right: 0;
        }
}

/*右侧浮动客服*/
.side-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:10000}
.side-right-meau{position:relative;}
.side-right-btn{width:48px;height:48px;text-align:center;display:block;margin-bottom:6px;position:relative;background:#fff; border: 1px solid #f2f2f2 }
.side-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.side-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#2996e9;border-radius: 50%;background-color:#fff;position:absolute;left:-12px;top:-12px;}
.side-right-btn p{color:#2996e9;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.side-right-meau:hover .side-right-btn span{display:none}
.side-right-meau:hover .side-right-btn p{display:block;}
.meau-sev .side-right-btn p{color:#2996e9}
.meau-sev .side-right-btn span{color:#2996e9}
.meau-top .side-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .side-right-btn i{display:block;color:#d3d3d3;font-style: normal;}
.meau-top.side-right-meau:hover .side-right-btn{background-color:#fff;}
.meau-top.side-right-meau:hover .side-right-btn span{display:block;color: #43c2f5}
.meau-top.side-right-meau:hover .side-right-btn i{color:#43c2f5;}
.side-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.side-right-box .box-border{border:1px solid #f2f2f2;padding:20px;background-color:#fff;position:relative}
.side-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(/dist/images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px; z-index: 1000}
.meau-sev .side-right-box .box-border{width:180px;}
.meau-contact .side-right-box .box-border{width:180px;}
.side-right-meau a{ text-decoration: none }
.side-right-meau:hover .side-right-box{display:block}
.meau-code .side-right-box{top:inherit;bottom:-35px;}
.meau-code .side-right-box .box-border{width:156px;text-align:center;}
.meau-code .side-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .side-right-btn .demo-icon{ width:48px; height:48px;}
.side-tel-b p{ font-size: 14px; font-weight: bold; color: #42c2f5; font-weight: bold;}
.side-tel-a span{display: block; background:url(/dist/images/side.png) no-repeat; }
.side-search-a span{display: block; background:url(/dist/images/side.png) no-repeat 0 -52px;}
.side-search-b{}
.side-qr-a span{display: block; background:url(/dist/images/side.png) no-repeat 0 -100px;}
.side-qr-b i{ font-style: normal; color: #494949;display:block;font-size:16px;line-height:16px; }
.side-top{display: block; background:url(/dist/images/side.png) no-repeat 0 -156px;text-decoration: none}
.meau-code:hover .side-right-btn{background:#fff;}
.meau-contact:hover .side-right-btn{background:#fff;}
.meau-sev:hover .side-right-btn{background:#fff;}
.meau-zs .side-right-btn{background:#fff;color:#fff;margin-top:80px;}
.meau-zs .side-right-btn span{color:#fff}
.meau-zs .side-right-btn p{color:#fff}

/*banner*/
.carousel-indicators .active {
    width: 15px;
    height: 10px;
    margin: 0;
    background-color: #fff;
}
.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 10px;
    margin: 0px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 0px;
}
@media (max-width: 640px) {
    .carousel-indicators { bottom: -5px;}
    .carousel-indicators .active { width: 10px; height: 7px;}
    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height:7px;}
}
